<template>


  <footer id="footer">
    <div class="outer">
      <div id="footer-info" class="inner">
        <div class="row">
          <div class="col-md-6 col-sm-6">
            <!--联系合作-->
            <div class="widget-wrap widget-list">
              <h3 class="widget-title">联系方式</h3>
              <div class="widget">
                <ul>
                                <span class="label">
                                    <a href="#" target="_blank">公众号：程序员笑笑生</a>
                                </span>
                </ul>
                <ul>
                                <span class="label">
                                    <a href="#" target="_blank">微信：</a>
                                </span>
                </ul>
                <ul>
                                <span class="label">
                                    <a href="#" target="_blank">邮箱：614261245@qq.com</a>
                                </span>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-md-6 col-sm-6">
            <!--关注我们-->
            <div class="widget-wrap widget-list">
              <h3 class="widget-title">其他平台</h3>
              <div class="widget">
                <ul>
                                <span class="label">
                                    <a href="https://github.com/chuhaitao1207" target="_blank">Github</a>
                                </span>
                  <span class="label">
                                    <a href="https://gitee.com/lnxxs" target="_blank">Gitee</a>
                                </span>
                  <span class="label">
                                    <a href="/atom.xml" target="_blank">RSS订阅</a>
                                </span>
                </ul>
                <ul>
                                <span class="label">
                                    <a href="https://www.jianshu.com/u/3ced1091dbce" target="_blank">简书</a>
                                </span>
                  <span class="label">
                                    <a href="https://www.zhihu.com/people/chu-hai-tao-43-28/" target="_blank">知乎</a>
                                </span>
                  <span class="label">
                                    <a href="https://my.oschina.net/u/3656932/" target="_blank">开源中国</a>
                                </span>
                </ul>
                <ul>
                                <span class="label">
                                    <a href="https://weibo.com/u/6644164605" target="_blank">新浪微博</a>
                                </span>
                  <span class="label">
                                    <a href=" https://segmentfault.com/u/lanlingxiaoxiaosheng_5e00d1b993aa7" target="_blank">SegmentFault</a>
                                </span>
                </ul>
              </div>
            </div>
          </div>

          <!--<div class="col-md-3 col-sm-6">-->
          <!--&lt;!&ndash;联系合作&ndash;&gt;-->
          <!--<div class="widget-wrap widget-list">-->
          <!--<h3 class="widget-title">我的公众号</h3>-->
          <!--<div class="widget">-->
          <!--<img style="width: 200px;" src="/css/images/weixin.jpg" />-->
          <!--</div>-->
          <!--</div>-->
          <!--</div>-->

        <div class="row">
          <div style="clear: left;"></div>
          &copy; 2019 - 2020 程序员笑笑生 -版权所有<br>
          <!--<div>-->
          <!--<span id="busuanzi_container_site_pv">访问量<span class="foot-count"  id="busuanzi_value_site_pv"></span>次</span>-->
          <!--<span id="busuanzi_container_site_uv">访客数<span class="foot-count"  id="busuanzi_value_site_uv"></span>人次</span>-->
          <!--</div>-->
          <!--<div>-->
          <!--<span>本站CDN／存储服务由<a href="https://www.upyun.com/"><img src="/youpai/150-50.png" height="18px"/></a>提供</span>-->
          <!--</div>-->
          <a href="">皖ICP备20001001号</a>
        </div>
        </div>
      </div>
    </div>


  </footer>

</template>

<script>
  export default {}
</script>

<style>
 /* .foot-count {
    color: #009688;
    font-weight: bold;
    padding: 0px 5px;
    font-size: 1.3em;
  }

  .foot-row {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
  }

  .foot-col {
    !*padding: 20px;*!
    text-align: left;
    float: left;
    width: 25%;
  }

  .foot-li {
    padding: 5px 0px;
  }*/

  .widget-title {
    font-size: 1.3em;
    font-weight: 700;
  }

  #footer a {
    color: #888;
  }

  #footer {
    background-color: #f8f8f8;
    clear: both;
  }

  #footer li {
    padding: 5px 0px;
    font-size: 14px;
  }

  .label {
    display: inline;
    margin: 5px;
    padding: .2em .6em .3em 0em;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    /*background-color: g;*/
  }

  @media screen and (max-width: 1024px) {
    #footer {
      display: none;
    }
  }
</style>
